<template>
  <div>
    <md-row class="row-354738">
      <md-col :span="24">
        <div class="div-606c99">
          <img class="img-d7cc2a" :src="widget_bd6d8a.options.imageUrl" /><span
            class="span-959dd9"
            >{{ widget_bd6d8a.options.content }}
          </span>
        </div>
        <div class="div-5fc0f0">
          <img class="img-8b9871" :src="widget_cdbb16.options.imageUrl" />
        </div>
        <p class="span-79b371">
          点击上方二维码将其保存至手机，识别二维码关注我行微信公众号查询办卡进度，或直接。<a
            href="javacript:void(0)"
            >点击</a
          >立即查询
        </p>
        <p class="span-8d9dcf">
          查看更多网点信息，请点击<a href="javascript:void(0">网店预约</a>
        </p>
        <md-row class="div-b14809">
          <md-col :span="24"
            ><md-button
              :type="'primary'"
              :nativeType="'button'"
              :size="'normal'"
              :plain="false"
              :round="false"
              :inline="false"
              :icon="''"
              :icon-svg="false"
              :inactive="false"
              @click.prevent="goBack"
              :iconAlign="'left'"
              >{{ widget_0d5ddf.options.defaultValue }}</md-button
            ></md-col
          >
          <md-col :span="24"
            ><md-button
              :type="'primary'"
              :nativeType="'button'"
              :size="'normal'"
              :plain="false"
              :round="false"
              :inline="false"
              :icon="''"
              :icon-svg="false"
              :inactive="false"
              @click.prevent="doFuncOption(widget_b150de.options.submitFunc)"
              :iconAlign="'left'"
              >{{ widget_b150de.options.defaultValue }}</md-button
            ></md-col
          >
        </md-row>
      </md-col>
    </md-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      widget_bd6d8a: {
        name: "图片-文本",
        options: {
          path: "",
          imageUrl:
            "http://118.144.87.37:13083/group1/M00/00/39/CgIEq11Piy2AXWrAAAACjtj20Pk381.png",
          content: "申请成功"
        },
        rules: []
      },
      widget_cdbb16: {
        name: "图片",
        options: {
          imageUrl:
            "http://118.144.87.37:13083/group1/M00/00/39/CgIEq11Oi3OAC1rzAAAV461DZ7s466.jpg"
        },
        rules: []
      },
      // widget_8ad9fa: {
      //   name: '文本框',
      //   options: {
      //     path: '',
      //     content: '点击上方二维码将其保存至手机，识别二维码关注我行微信公众号查询办卡进度，或直接点击立即查询。'
      //   },
      //   rules: []
      // },
      // widget_35b676: {
      //   name: '文本框',
      //   options: {
      //     path: '',
      //     content: '查看更多网点信息，请点击网店预约'
      //   },
      //   rules: []
      // },
      widget_0d5ddf: {
        name: "按钮",
        options: {
          defaultValue: "完成",
          submitFunc:
            "/app/wiremock/D5419E20385D4A469B1383CF9183B6FD/transferResults.do",
          iconFlag: false
        },
        rules: []
      },
      widget_b150de: {
        name: "按钮",
        options: {
          defaultValue: "点击申请ETC",
          submitFunc:
            "/app/wiremock/D5419E20385D4A469B1383CF9183B6FD/transferResults.do",
          iconFlag: false
        },
        rules: []
      },
      cardId: ''
    };
  },
  methods: {
    // 跳转页面
    goBack () {
      sa.track('$CollecCreditEndClick', {
        '$element_content': this.$route.query.id
      });
      this.$router.push("/index")
    }
  },
  mounted() {
    sa.track('$pageview', {
      '$url_path': 'onlineApplySuccess'
    })
  },
  created() {
    this.cardId = this.$route.query.cardId;
  }
};
</script>

<style scoped>
.div-606c99 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
  flex-direction: row;
}

.img-d7cc2a {
  display: block;
  border: 0px solid #dedede;
  height: 30px;
  width: 30px;
  border-radius: 0px;
}

.span-959dd9 {
  display: block;
  padding-left: 0px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
}

.div-5fc0f0 {
  margin: 30px auto 0;
  height: auto;
  width: 100%;
}

.img-8b9871 {
  display: block;
  height: 77px;
  width: 77px;
  margin: auto;
  border: 0px solid #dedede;
  border-radius: 0px;
}

.span-79b371 {
  font-size: 14px;
  display: block;
  margin-top: 30px;
  text-align: left;
  line-height: 24px;
  padding: 0 40px;
  text-align: center;
}
.span-79b371 a {
  font-size: 15px;
}
.span-79b371 a,
.span-8d9dcf a {
  text-decoration: none;
  color: #06469e;
}
.span-8d9dcf {
  font-size: 12px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
  margin-top: 5px;
}
.span-8d9dcf a {
  font-size: 13px;
}
.div-b14809 {
  margin-top: 15px;
  margin-bottom: 10px;
}
.div-b14809 .md-col-24 {
  padding: 0 10px;
}
.div-b14809 .md-button {
  background: #06469e;
}
.div-b14809 .md-button.primary::after {
  border-color: #06469e
}
.row-354738 {
  border-radius: 0px;
  padding: 20px 15px;
  margin: 0px;
}
</style>
